@import '../../../style/base.styl';
.container
	min-height 100vh
	box-sizing border-box
	background-image linear-gradient(#EBFFDC, #CAFFCD)
	padding 100rpx 32rpx
	text-align center
	.linear-gradient
		margin-top 21rpx
		display flex
		align-items center
		justify-content center
		& > view
			margin-right 18rpx
			flex 0 0 200rpx
			width 200rpx
			&:last-of-type
				margin-right 0
			&.selected
				& > view:last-of-type
					&::before
						left 0
						right 0
						width 100%
						background linear-gradient(to right, $deepThemeColor, $shallowThemeColor)
						transition all 1s ease-in-out
						border-radius 4rpx
			&:nth-child(2)
				margin-right  30rpx
			& > view
				&:first-of-type
					display flex
					align-items center
					justify-content center
					height 84rpx
					font-size 48rpx
				&:last-of-type
					position relative
					height 8rpx
					background $slideBorderColor
					border-radius 4rpx
					&::before
						content ''
						display block
						position absolute
						width 0
						top 0
						bottom 0
						left 50%
						right 50%
